﻿@model KM.Models.Users
@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <!-- start: Meta -->
    <meta charset="utf-8">
    <title>Genius Dashboard - Bootstrap Admin Template</title>
    <meta name="description" content="Genius Dashboard - Bootstrap Admin Template.">
    <meta name="author" content="Łukasz Holeczek">
    <meta name="keyword" content="Genius, Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">
    <!-- end: Meta -->

    <!-- start: Mobile Specific -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- end: Mobile Specific -->

    <!-- start: CSS -->
    <link href="http://bootstrapmaster.com/live/genius/assets/css/bootstrap.min.css" rel="stylesheet">
    <link href="http://bootstrapmaster.com/live/genius/assets/css/style.min.css" rel="stylesheet">
    <link href="http://bootstrapmaster.com/live/genius/assets/css/retina.min.css" rel="stylesheet">
    <link href="/css/print.css" rel="stylesheet" type="text/css" media="print">
    <!-- end: CSS -->


    <!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
		
	  	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<script src="assets/js/respond.min.js"></script>
		
	<![endif]-->

    <!-- start: Favicon and Touch Icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://bootstrapmaster.com/live/genius/assets/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://bootstrapmaster.com/live/genius/assets/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://bootstrapmaster.com/live/genius/assets/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="57x57" href="http://bootstrapmaster.com/live/genius/assets/ico/apple-touch-icon-57-precomposed.png">
    <link rel="shortcut icon" href="http://bootstrapmaster.com/live/genius/assets/ico/favicon.png">
    <!-- end: Favicon and Touch Icons -->

</head>
<body>
    <div class="container">
        <div class="row">
            <div id="content" class="col-sm-12 full">
                <div class="row">
                    <div class="login-box">

                        <div class="header">
                            Login to Genius Dashboard
                        </div>
                        <p>
                            <a class="btn btn-facebook"><span>Login via Facebook</span></a>
                        </p>
                        <p>
                            <a class="btn btn-twitter"><span>Login via Twitter</span></a>
                        </p>
                        <p>
                            <a class="btn btn-linkedin"><span>Login via LinkedIn</span></a>
                        </p>

                        <div class="text-with-hr">
                            <span>or use your username</span>
                        </div>

                        @*<form class="form-horizontal login" action="http://bootstrapmaster.com/live/genius/index.html" method="post">*@
                        @using (Html.BeginForm("LogIn","KMadmin", FormMethod.Post, new { @class="form-horizontal login"}))
                        {
						
                            <fieldset class="col-sm-12">
                                <div class="form-group">
                                    <div class="controls row">
                                        <div class="input-group col-sm-12">
                                            @Html.TextBoxFor(Model => Model.UserName, new { @class = "form-control", placeholder = "Username or E-mail" })
                                            <span class="input-group-addon"><i class="fa fa-user"></i></span>
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <div class="controls row">
                                        <div class="input-group col-sm-12">
                                            @Html.PasswordFor(Model => Model.Pass, new { @class = "form-control", placeholder = "Password" })
                                            <span class="input-group-addon"><i class="fa fa-key"></i></span>
                                        </div>
                                    </div>
                                </div>

                                <div class="confirm">
                                    <div class="icheckbox_square-blue" style="position: relative;">
                                        <input type="checkbox" name="remember" style="position: absolute; opacity: 0;">
                                        <ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background-color: rgb(255, 255, 255); border: 0px; opacity: 0; background-position: initial initial; background-repeat: initial initial;"></ins></div>
                                    <label for="remember">Remember me</label>
                                </div>

                                <div class="row">

                                    <button type="submit" class="btn btn-lg btn-primary col-xs-12">Login</button>

                                </div>

                            </fieldset>	

                        }

                        <a class="pull-left" href="http://bootstrapmaster.com/live/genius/page-login.html#">Forgot Password?</a>
                        <a class="pull-right" href="http://bootstrapmaster.com/live/genius/page-register.html">Sign Up!</a>

                        <div class="clearfix"></div>

                    </div>
                </div>
                <!--/row-->

            </div>



        </div>
        <!--/row-->

    </div>
    <!--/container-->


    <!-- start: JavaScript-->
    <!--[if !IE]>-->

    <script src="/Script/jquery-2.1.0.min.js"></script>

    <!--<![endif]-->

    <!--[if IE]>
	
		<script src="assets/js/jquery-1.11.0.min.js"></script>
	
	<![endif]-->

    <!--[if !IE]>-->

    <script type="text/javascript">
        window.jQuery || document.write("<script src='/js/jquery-2.1.0.min.js'>" + "<" + "/script>");
    </script>

    <!--<![endif]-->

    <!--[if IE]>
	
		<script type="text/javascript">
	 	window.jQuery || document.write("<script src='assets/js/jquery-1.11.0.min.js'>"+"<"+"/script>");
		</script>
		
	<![endif]-->
    <script src="/Script/jquery-migrate-1.2.1.min.js"></script>
    <script src="/Script/bootstrap.min.js"></script>




    <!-- page scripts -->
    <script src="/Script/jquery.icheck.min.js"></script>

    <!-- theme scripts -->
    <script src="/Script/custom.min.js"></script>
    <script src="/Script/core.min.js"></script>

    <!-- inline scripts related to this page -->
    <script src="/Script/login.js"></script>

    <!-- end: JavaScript-->


</body>
</html>
